<!DOCTYPE html>
<html>
<head>
    <title>Html5 Page Test</title>
    <meta charset="utf-8"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <style type="text/css">
        article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
            display: block;
        }

        html, body, div, span, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        abbr, address, cite, code,
        del, dfn, em, img, ins, kbd, q, samp,
        small, strong, sub, sup, var,
        b, i,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, figcaption, figure,
        footer, header, hgroup, menu, nav, section, summary,
        time, mark, audio, video {
            margin: 0;
            padding: 0;
            border: 0;
            outline: 0;
            vertical-align: baseline;
            background: transparent;
        }

        ul, li {
            list-style: none;
        }

        body {
            font: 14px/20px Calibri, Microsoft YaHei, verdana, Arial, Helvetica, sans-serif;
            padding: 50px
        }

        * {
            margin: 10px
        }

        .inpurl {
            width: 300px
        }

        .data {
            width: 500px
        }

        span {
            width: 50px;
            display: inline-block
        }

        #return {
            min-height: 50px;
            border: 1px solid #333;
            padding:10px;
            word-wrap: break-word;
        }
    </style>
</head>
<body>
<div>
    <span>Url:</span>
    <select id="url" class="inpurl">
        <option value="/User/RequestToken">/User/RequestToken</option>
        <option value="/User/RequestUserInfo">/User/RequestUserInfo</option>
        <option value="/User/BindDejaData">/User/BindDejaData</option>
        <option value="/User/RequestSelfDejaData">/User/RequestSelfDejaData</option>
        <option value="/Shooter/LoadSettubg">/Shooter/LoadSettubg</option>
        <option value="/Shooter/SubmitRecord">/Shooter/SubmitRecord</option>
        <option value="/Shooter/GetFriendRank">/Shooter/GetFriendRank</option>
        <option value="/Shooter/GetFriendStageScore">/Shooter/GetFriendStageScore</option>
        <option value="/Shooter/GetUserStageInfo">/Shooter/GetUserStageInfo</option>
    </select>
</div>
<div>
    <span>Data:</span><input id="data" type="text" class="data">
</div>
<div>
    <button id="go">Go</button>
</div>
<div id="return">


</div>
<script type="text/javascript">
    $(function () {
        $("#go").click(
            function () {
                var url = window.location.href.substr(0,window.location.href.indexOf("g_shooter")+9) + $(".inpurl option:selected").val();
                var t = "'"+$(".data").val() + "'";
                console.log(t);
                $.ajax({
                    type: "POST",
                    url: url,
                    data:$(".data").val(),
                    success: function (result) {
                        $("#return").text(JSON.stringify(result));
                    }
                })
            }
        )
    });
</script>
</body>
</html>